<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>首页</title>
		<style>
			.navbar {
			font-size: 18px;
		}
			.mbottom {
				margin-bottom: 30px;
			}
			.graybordr {
				border-right: #DDDDDD solid 1px;
			}
	</style>
		<link href="css/bootstrap.min.css" rel="stylesheet">


	</head>
	<body>
		<nav class="navbar navbar-default">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="index.html"><img class="navbar-brand" src="img/logo.png" /></a>
					<a class="navbar-brand" href="index.html">首页</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">设计</a></li>
						<li><a href="#">摄影</a></li>
						<li><a href="#">多媒体</a></li>
						<li><a href="#">原创设计</a></li>
						<li><a href="#">求图交易</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#"><button type="button" class="btn btn-info">登录</button></a></li>
						<li><a href="#"><button type="button" class="btn btn-default">注册</button></a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>

		<div class="container mbottom" >
			<div class="row">
				<div class="col-sm-3">
					<a href="#" class="thumbnail">
					  <img src="img/p1.jpg" alt="...">
					</a>
				</div>
				<div class="col-sm-9">
					<div class="row">
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/p2.jpg" alt="...">
					    </a>
					  </div>
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/p3.jpg" alt="...">
					    </a>
					  </div>
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/p4.jpg" alt="...">
					    </a>
					  </div>
					</div>
					<div class="row">
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/p5.jpg" alt="...">
					    </a>
					  </div>
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/pg6.jpg" alt="...">
					    </a>
					  </div>
					  <div class="col-sm-4">
					    <a href="#" class="thumbnail">
					      <img src="img/pg7.jpg" alt="...">
					    </a>
					  </div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container mbottom">
			<div class="row">
				<div class="col-sm-3 text-center">
					<button type="button" class="btn btn-default col-sm-5">工作总结PPT</button>
					<button type="button" class="btn btn-default col-sm-5 col-sm-offset-2"">邀请函</button>
				</div>
				<div class="col-sm-3 text-center">
					<button type="button" class="btn btn-default col-sm-5">黄昏</button>  
					<button type="button" class="btn btn-default col-sm-5 col-sm-offset-2">道德讲堂</button>
				</div>
				<div class="col-sm-3 text-center">
					<button type="button" class="btn btn-default col-sm-5">党建</button>  
					<button type="button" class="btn btn-default col-sm-5 col-sm-offset-2"">APP界面设计</button>
				</div>
				<div class="col-sm-3 text-center">
					<button type="button" class="btn btn-default col-sm-5">周年庆海报</button>  
					<button type="button" class="btn btn-default col-sm-5 col-sm-offset-2"">查看更多&raquo;</button>
				</div>
			</div>
		</div>
		
		<div class="container mbottom" style="border: #DDDDDD solid 1px; padding: 15px 5px; line-height: 3;">
			<div class="row">
				<div class="col-sm-3 text-center graybordr" >
					<h3>免费素材</h3>
					<p>海量共享图任你选择</p>
					<button type="button" class="btn btn-default btn-lg" style="border: #66CCFF 1px solid; color: #66CCFF;">去看看</button>
				</div>
				<div class="col-sm-3 text-center graybordr">
					<h3>原创精品</h3>
					<p>千万精品图片满足你所需</p>
					<button type="button" class="btn btn-default btn-lg" style="border: #66CCFF 1px solid; color: #66CCFF;">去看看</button>
				</div>
				<div class="col-sm-3 text-center graybordr">
					<h3>正版图库 <sup><small><span class="label label-danger">推广</span></small></sup></h3>
					<p>正版图片，版权无忧，放心使用</p>
					<button type="button" class="btn btn-default btn-lg" style="border: #66CCFF 1px solid; color: #66CCFF;">去看看</button>
				</div>
				<div class="col-sm-3 text-center">
					<h3>汇图悬赏 <sup><small><span class="label label-danger">推广</span></small></sup></h3>
					<p>高端定制，量身打造</p>
					<button type="button" class="btn btn-default btn-lg" style="border: #66CCFF 1px solid; color: #66CCFF;">去看看</button>
				</div>
			</div>
		</div>
		
		<hr />
		<div class="container">
			<div class="row">
				<div class="col-sm-3 " style="border-right: #DDDDDD 1px solid;">
					<h4>关于昵图</h4>
					<div class="media">
						<div class="media-body">
							<p>昵图简介</p>
							<p>版权声明</p>
							<p>网站声明</p>
						</div>
						<div class="media-body">
							<p>网站公约</p>
							<p>汇图网</p>
							<p>友情链接</p>
						</div>
					</div>
				</div>
				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;">
					<h4>常见问题</h4>
					<div class="media">
						<div class="media-body">
							<p></p>
							<p>注册/登录</p>
							<p>关于共享分</p>
							<p>如何上传</p>
						</div>
						<div class="media-body">
							<p>关于VIP特权</p>
							<p>上传事项</p>
							<p>关于账户金额</p>
						</div>
					</div>
				</div>

				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;">
					<h4>关注昵图</h4>
					<div class="media">
						<div class="media-body">
							<img src="img/ewm.png" />
						</div>
						<div class="media-body">
							<img src="img/ewm2.png" />
						</div>
					</div>
				</div>
				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;">
					<h4>联系我们</h4>
					QQ在线时间8:30-21:30 <br />
					<img src="img/q.png" />123456789
					微信在线时间8:30-21:30 <br />
					<img src="img/wechat.png" />123456789
				</div>
			</div><br />
			<p class="text-center">Copyright © 2020 NiPic.com All Rights Reserved　版权所有·昵图网 浙ICP备14012994号-1 增值电信业务经营许可证
				：浙B2-20140130 本站法律顾问：陈明律师</p>
			<p class="text-center">昵图网是网络服务平台方，若您的权利被侵害，请联系 copyright@nipic.com</p>
			<p class="text-center"><img src="img/timg.jpg" class="text-center" />沪公网备31234567891011号</p>
		</div>
		<script src="js/jquery-2.1.0.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
